<!--
 * @Author: DeluxePig 250293786@qq.com
 * @Date: 2024-06-05 23:17:14
 * @LastEditors: zhayang 1063975710@qq.com
 * @LastEditTime: 2024-06-16 23:01:36
 * @FilePath: \easy-talk\src\views\home\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="home-container fit overflow-auto">
    <div class="page-top">
      <userInfo />
      <CallCard />
    </div>
    <div class="page-middle">
      <HomeMiddle />
    </div>
    <CommonFun />
  </div>
</template>

<script>
import userInfo from './components/user-info.vue'
import CallCard from './components/call-card.vue'
import HomeMiddle from './components/home-middle.vue'
import CommonFun from './components/common-fun.vue'

export default {
  name: 'Home',
  components: {
    userInfo,
    CallCard,
    HomeMiddle,
    CommonFun
  },
  computed: {}
}
</script>

<style lang="scss" scoped>
.home-container {
  padding: 20px;

  .page-top {
    width: 100%;
    height: 275px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .page-middle {
    width: 100%;
    height: 134px;
    margin: 20px 0;
  }
}
</style>
